<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>注册</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <!--<link rel="stylesheet" href="./Assets/css/bootstrap.min.css">-->
    <!--<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,700">-->
    <link rel="stylesheet" href="./css/style.default.css" id="theme-stylesheet">
	<!--<script src="./jquery-3.6.4.js"></script>
	<script src="./ajax.js"></script>-->
  </head>
  <body>
    <div class="page login-page">
      <div class="container d-flex align-items-center">
        <div class="form-holder has-shadow">
          <div class="row">
            <!-- Logo & Information Panel-->
            <div class="col-lg-6">
              <div class="info d-flex align-items-center">
                <div class="content">
                  <div class="logo">
                    <h1>欢迎注册</h1>
                  </div>
				  <p>农业云游学网站</p>
                </div>
              </div>
            </div>
            <!-- Form Panel    -->
            <div class="col-lg-6 bg-white">
			  <div style="float:right"><a href="./index.html">返回首页&nbsp;&nbsp;&nbsp;&nbsp;</a></div>
              <div class="form d-flex align-items-center">
                <div class="content">
                    <div class="form-group">
                      <input id="register-username" class="input-material" type="text" name="registerUsername" placeholder="请输入用户名/姓名" >
								     
                    </div>
                    <div class="form-group">
                      <input id="register-password" class="input-material" type="password" name="registerPassword" placeholder="请输入密码"   >
                    	<!--<div class="invalid-feedback">
								        	（密码必须在6~10位之间）
								      </div>-->
                    </div>
                    <div class="form-group">
                      <input id="register-passwords" class="input-material" type="password" name="registerPasswords" placeholder="确认密码"   >
                    	<!--<div class="invalid-feedback">
								        	（两次密码必须相同 且在6~10位之间）
								      </div>-->
                    </div>
                    <div class="form-group">
                      <button id="regbtn" type="button" name="registerSubmit" class="btn btn-primary">注册</button>
                    </div>
                  <small>已有账号?</small><a href="./login.html" class="signup">&nbsp;登录</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- JavaScript files-->
    <!--<script src="./Assets/js/jquery.min.js"></script>
    <script src="./Assets/js/bootstrap.min.js"></script>-->
    <!--<script>
		$(document).ready(function(){
			$("#regbtn").click(function(){
				var LoginName=$("#register-username").val();
				var LoginPassword=$("#register-password").val();
				// var passWords=$("#register-passwords").val();
				console.log(LoginName,LoginPassword);
				//console.log(userName,passWord,passWords);
				$.ajax({
					type: "POST",  //发送 POST 请求到 /addStudent 接口,传入表单值,序列化为 JSON 格式。
					url: "http://localhost:3000/register",
					data:{
						LoginName:LoginName,
						LoginPassword:LoginPassword
						//passwords:passWords
					},
					success:function(data){
						console.log(data);
						if(data){
							alert("注册成功，跳转登录界面");
							window.location.href = 'login.html';
						}else{
							
							
							alert("注册失败");
						}
					},
					error:function(err){
						alert(err);
					}
				});
				
			})
			
		})
		
    	/*$(function(){
    		/*错误class  form-control is-invalid
    		正确class  form-control is-valid*/
    		/*var flagName=false;
    		var flagPas=false;
    		var flagPass=false;
    		/*验证用户名*/
    		/*var name,passWord,passWords;
    		$("#register-username").change(function(){
    			name=$("#register-username").val();
    			if(name.length<2||name.length>10){
    				$("#register-username").removeClass("form-control is-valid")
    				$("#register-username").addClass("form-control is-invalid");
    				flagName=false;
    			}else{
    				$("#register-username").removeClass("form-control is-invalid")
    				$("#register-username").addClass("form-control is-valid");
    				flagName=true;
    			}
    		})
    		/*验证密码*/
    		/*$("#register-password").change(function(){
    			passWord=$("#register-password").val();
    			if(passWord.length<6||passWord.length>18){
    				$("#register-password").removeClass("form-control is-valid")
    				$("#register-password").addClass("form-control is-invalid");
    				flagPas=false;
    			}else{
    				$("#register-password").removeClass("form-control is-invalid")
    				$("#register-password").addClass("form-control is-valid");
    				flagPas=true;
    			}
    		})
    		/*验证确认密码*/
    		/*$("#register-passwords").change(function(){
    			passWords=$("#register-passwords").val();
    			if((passWord!=passWords)||(passWords.length<6||passWords.length>18)){
    				$("#register-passwords").removeClass("form-control is-valid")
    				$("#register-passwords").addClass("form-control is-invalid");
    				flagPass=false;
    			}else{
    				$("#register-passwords").removeClass("form-control is-invalid")
    				$("#register-passwords").addClass("form-control is-valid");
    				flagPass=true;
    			}
    		})
    		
    		
    		$("#regbtn").click(function(){
    			if(flagName&&flagPas&&flagPass){
    				localStorage.setItem("name",name);
    				localStorage.setItem("passWord",passWord);
    				location="login.html"
    			}else{
    				if(!flagName){
    					$("#register-username").addClass("form-control is-invalid");
    				}
    				if(!flagPas){
    					$("#register-password").addClass("form-control is-invalid");
    				}
    				if(!flagPass){
    					$("#register-passwords").addClass("form-control is-invalid");
    				}
    			}
    		})
    	})*/
    </script>-->
  </body>
</html>